/* 字体颜色
[font-primary]{
  color:#333333;
}

[font-secondary]{
  color:#666666
}
...
---------------------- */
@each $style
  in (
    primary $color-text-primary,
    secondary $color-text-secondary,
    tertiary $color-text-tertiary
  )
{
  [font-#{nth($style, 1)}] {
    color: #{nth($style, 2)};
  }
}

/* 背景颜色
[bga1]{
  background-color:rgba(0,0,0,0.1);
}

[bga2]{
  background-color:rgba(0,0,0,0.12)
}
...

[bg-primary]{
  background-color:#f1f1f1;
}
[bg-secondary]{
  background-color:#ffffff;
}
...
---------------------- */
@each $i in 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1 {
  [bga#{$i*10}] {
    background-color: rgba(0, 0, 0, $i);
  }
}

@each $style
  in (
    primary $background-color-primary,
    secondary $background-color-secondary,
    tertiary $background-color-tertiary
  )
{
  [bg-#{nth($style, 1)}] {
    background-color: #{nth($style, 2)};
  }
}
